@charset "UTF-8";
/**
 * 
 * @authors summer_last (sunxzg@gmail.com)
 * @date    2017-03-01 14:55:43
 * @version $Id$
 */

 @padding:15px;

 .box(@padding:15px){
 	padding: @padding;
 	background-color: #FFF;
 	box-shadow: 0 1px 3px rgba(0,37,55,.05);
 	border: 1px solid #e7eaf1;
 	border-radius: 2px;
 }
 .ul(@padding:15px,@display:inline-block){
 	ul{
 		margin: 0px;
 		padding: 0px;
 		li{
 			padding: @padding;
 			list-style: none;
 			display: @display;
 		}
 	}
 }
  .border(@size:1px,@color:#e7eaf1){
 	border-bottom: @size solid @color;
 }
 body{
 	margin:0;
 	padding-top: @padding;
 	background-color: #FaFaFa;
 }

 .header{
 	.box();
 	text-align: center;
 	.avater{
 		@img_size : 130px;
 		width: @img_size;
 		height: @img_size;
 		border-radius: @img_size/2+2;
 	}
 	.folder-menu{
 		.ul(10px,block);
 		li{
 			@size:20px;
 			.border();
 			text-align: left;
 			font-size: @size - 3;
 			&:before{
 				background-image: url('../img/link (1).png');
 				background-size: @size;
 				display: inline-block;
 				width: @size+10; 
 				height: @size;
 				content:"";
 				background-repeat: no-repeat;
 			}
 			&:first-child{
 				border-top: 1px solid #e7eaf1;
 				margin-top: @padding;
 			}
 		}
 	}
 }
 .main{
 	.nav{
 		.box();
 		padding: @padding ;
 		font-size: @padding;
 		//margin-bottom: @padding;
 		.border();
 		background-color:#F6F6F6;
 	}
 	.folder{
 		.box(@padding);
 		.ul();
 		a{
 			color:#000;
 		}
 		img{
 			margin:@padding;
 		}
 		ul{
 			li{
 				&:hover{
 					background-color:#F1F5FA;
 					border-radius: 6px;
 				}
 			}
 		}
 	}
 }
 /*
 .icon{
	 &-edit{
		 background:url(edit.png) no-repeat left center;
		 width:20px;
		 height: 20px;
	 }
 } */
